<template>
  <div>
    <el-collapse v-model="activeName">
      <el-collapse-item :title="title" name="1">
        <!--        <slot></slot>-->
        <slot name="one"></slot>
        <slot name="two"></slot>
        <slot name="three"></slot>
        <slot name="four"></slot>
        <slot name="five"></slot>
        <slot name="six"></slot>
        <slot name="sever"></slot>
        <slot name="eight"></slot>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
// import text from "vue/src/platforms/web/compiler/directives/text";

export default {
  props: {
    // date1: {
    //   type: Object,
    // },
    // formData: {
    //   type: Object,
    // },
    title: {
      type: String,
    },
  },
  data() {
    return {
      activeName: "1",
    };
  },
};
</script>

<style lang="scss" scoped>
.el-collapse {
  ::v-deep .el-collapse-item__header {
    background-color: rgb(248, 250, 255);
    font-size: 17px;
    padding-left: 50px;
    font-weight: bold;
  }
  ::v-deep .el-collapse-item__content {
    padding-bottom: 0;
  }
}
</style>
